<%-- 
    Document   : manage_membership
    Created on : Jul 18, 2012, 9:00:24 PM
    Author     : Don
--%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%@page contentType="text/html" pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <title>JSP Page</title>
        
        <style type ="text/css">
        @import url(admin/css/jqtransform.css);
        @import url(admin/css/validationEngine.jquery.css);
        @import url(admin/css/ui-lightness/jquery-ui-1.8.19.custom.css);
        </style>
        <script type="text/javascript" src="admin/js/jquery-latest.js"></script>
        <script type="text/javascript" src="admin/js/jquery-ui-1.8.19.custom.min.js"></script>
        <script type="text/javascript" src="admin/js/jquery"></script>
        <script type="text/javascript" src="admin/js/jquery.jqtransform.js"></script>
         
        
        <script type="text/javascript" src="admin/js/jquery.validationEngine-en.js"></script>
        <script type="text/javascript" src="admin/js/jquery.validationEngine.js"></script>

        
        <script type="text/javascript">
            $(document).ready(function(){
                
                
                //find all form with class jqtransform and apply the plugin
                $('form.jqtransform').jqTransform();
                
                $('#date').datepicker({ dateFormat: 'yy-mm-dd' });
                $('#add_form').validationEngine('attach');
                $('#cancelForm').click(function(){
                    $('#panel').html(''); 
                });

            });
        </script>
    </head>
    <body>
    Add ECA    
    <form id="add_form" class="jqtransform" method="post" action="${pageContext.request.contextPath}/manage_eca_add">
    <table style="width: 50%">
		<tr>
			<td><label> Name</label></td>
			<td><input id="name" name="name" type="text" class="validate[required]" /></td>
		</tr>
		<tr>
			<td><label> Date </label></td>
			<td><input id ="date"name="date" type="text" class="validate[required,custom[date]] text-input"/> </td>
		</tr>
		<tr>
			<td><label> Time </label></td>
			<td><input id="time "name="time" type="text" class="validate[required]" value = "hh:mm:ss"/></td>
		</tr>
		<tr>
			<td><label> Points </label></td>
			<td><input id="points" name="points" type="text" class="validate[required,custom[number]] text-input" /></td>
		</tr>
    </table>
    <input type="submit" id ="addECA" name="addECA" value="Submit"/>
    <input type="button" id ="cancelForm" name="cancelForm" value="Cancel"/>
    </form>
    </body>
</html>
